@require "colors.styl"

// colors
$accentColor = $darkYellow
$textColor = #2c3e50
$borderColor = #eaecef
$codeBgColor = #282c34
$arrowBgColor = #ccc

// landing layout
$LandingNavbarAndBannerHeight = 128rem

// layout
$bannerHeight = 3rem
$navbarHeight = 5rem

// Uncomment this if the banner is used
$navbarAndBannerHeight = $bannerHeight + $navbarHeight

// Uncomment this if the banner isn't used 
//$navbarAndBannerHeight = $navbarHeight
$sidebarWidth = 23rem
$contentWidth = 740px

// responsive breakpoints
$MQNarrow = 959px
$MQMobile = 719px
$MQMobileNarrow = 419px

// code
$lineNumbersWrapperWidth = 3.5rem
$codeLang = js ts html md vue css sass scss less stylus go java c sh yaml py
